<template>
<div>
  <Menu ></Menu >
  <div>
    <p class="title">购物车</p>
    <div class="nodata">
      <p>暂时没有商品</p>
      <a href class>去首页</a>
    </div>

    <div class="shoplist">
      <ul class="shophead">
        <li class="shop1">商品</li>
        <li class="shop2">价格</li>
        <li class="shop3">数量</li>
        <li class="shop4">总价</li>
        <li class="shop5"></li>
      </ul>
      <div>
        <ul class="shopbot">
          <li class="shop1">
            <div class="shop1L"></div>
            <div class="sop1R">
              <p class="shopaname">商品名称</p>
              <p class="shopades">商品名称</p>
            </div>
          </li>
          <li class="shop2">￥1.00</li>
          <li class="shop3">
            <div class="amount_box">
              <a href="javascript:;" class="reduce reSty">-</a>
              <input type="text" value="1" class="sum" />
              <a href="javascript:;" class="plus">+</a>
            </div>
          </li>
          <li class="shop4">$5.00</li>
          <li class="shop5">总价</li>
        </ul>
        <ul class="shopbot">
          <li class="shop1">
            <div class="shop1L"></div>
            <div class="sop1R">
              <p class="shopaname">商品名称</p>
              <p class="shopades">商品名称</p>
            </div>
          </li>
          <li class="shop2">￥1.00</li>
          <li class="shop3">
            <div class="amount_box">
              <a href="javascript:;" class="reduce reSty">-</a>
              <input type="text" value="1" class="sum" />
              <a href="javascript:;" class="plus">+</a>
            </div>
          </li>
          <li class="shop4">$5.00</li>
          <li class="shop5">总价</li>
        </ul>
        <ul class="shopbot">
          <li class="shop1">
            <div class="shop1L"></div>
            <div class="sop1R">
              <p class="shopaname">商品名称</p>
              <p class="shopades">商品名称</p>
            </div>
          </li>
          <li class="shop2">￥1.00</li>
          <li class="shop3">
            <div class="amount_box">
              <a href="javascript:;" class="reduce reSty">-</a>
              <input type="text" value="1" class="sum" />
              <a href="javascript:;" class="plus">+</a>
            </div>
          </li>
          <li class="shop4">$5.00</li>
          <li class="shop5">总价</li>
        </ul>
        <ul class="shopbot">
          <li class="shop1">
            <div class="shop1L"></div>
            <div class="sop1R">
              <p class="shopaname">商品名称</p>
              <p class="shopades">商品名称</p>
            </div>
          </li>
          <li class="shop2">￥1.00</li>
          <li class="shop3">
            <div class="amount_box">
              <a href="javascript:;" class="reduce reSty">-</a>
              <input type="text" value="1" class="sum" />
              <a href="javascript:;" class="plus">+</a>
            </div>
          </li>
          <li class="shop4">$5.00</li>
          <li class="shop5">总价</li>
        </ul>
        <ul class="shopbot">
          <li class="shop1">
            <div class="shop1L"></div>
            <div class="sop1R">
              <p class="shopaname">商品名称</p>
              <p class="shopades">商品名称</p>
            </div>
          </li>
          <li class="shop2">￥1.00</li>
          <li class="shop3">
            <div class="amount_box">
              <a href="javascript:;" class="reduce reSty">-</a>
              <input type="text" value="1" class="sum" />
              <a href="javascript:;" class="plus">+</a>
            </div>
          </li>
          <li class="shop4">$5.00</li>
          <li class="shop5">总价</li>
        </ul>
      </div>
    </div>

    <div class="all">
      <div class="zongji">
        <p class="zongprice">总计：$15.00</p>
      </div>
      <div class="zongji">
        <p class="jiesuan">结算</p>
      </div>
      <div class="zongji">
        <p class="qushouye">去首页</p>
      </div>
    </div>
  </div>
  </div>
</template>
<script>
import Menu from './Menu'
export default {
   components: {Menu},
    methods:{}
};
</script>
<style lang="less" scoped>
@media screen and (max-width: 1024px) {
  @import url(../assets/css/mobile_shopcart.less);
}
 @media screen and (min-width: 1024px) {
  @import url(../assets/css/pc_shopcart.less);
}
</style>